<template>
  <div class="question">
    <div class="title" v-link="'questions/questionOne'">
      <p>  <img src="../images/icon_pay.png" alt="" />  </p>
      <span>缴费流程</span>
    </div>
    <div class="title" v-link="'questions/questionTwo'">
      <p>  <img src="../images/icon_iphone.png" alt="" />  </p>
      <span>服务热线</span>
    </div>
    <div class="title" v-link="'questions/questionThree'">
      <p>  <img src="../images/icon_standard.png" alt="" />  </p>
      <span>各项收费标准</span>
    </div>
    <div class="title" v-link="'questions/questionFour'">
      <p>  <img src="../images/icon_illustration.png" alt="" />  </p>
      <span>一户一机顶安装说明</span>
    </div>
  </div>
  <div class="questionList">
    <div class="content">
      <p v-link="'questions/questionFive'">机顶盒维护费的充值方式有哪些？</p>
      <p v-link="'questions/questionSix'">公众号缴费怎样添加智能卡号？</p>
      <p v-link="'questions/questionSeven'">充值失败后会扣款么？</p>
    </div>
  </div>
  <toast v-show="loading" :type="'loading'">加载中</toast>
  <dialog v-show="dialog" :title="'错误提示'" :type="" @weui-dialog-confirm="dialog=false">
    <p>加载失败，请重试</p>
  </dialog>
</template>
<script>
  import {Toast, Dialog} from "vue-weui";
  // import {AJAX} from "../methods/query.js";
  export default {
    data() {
      return {
        loading: false,
        dialog: false
      };
    },
    ready() {
      // let accountUser = await AJAX.accountUser();
      // console.log(accountUser);
    },
    components: {
      Toast,
      Dialog
    }
  };
</script>
<style scoped lang="less">
  .question{
    font-size: .7rem;
    color:#404040;
    .title{
      background-color: #fff;
      padding:1rem .5rem;
      margin:.6rem .5rem;
      border-radius: .3rem;
      p{
        display: inline-block;
        img{
          width: 1rem;
          height: 1rem;
          vertical-align:middle;
        }
      }
    }
  }
  .questionList{
    background-color: #fff;
    font-size: .7rem;
    color:#404040;
    line-height: 2rem;
    .content{
      p{
        margin-left: .5rem;
        border-bottom: 1px solid #e6e6e6;
      }
    }
  }
</style>
